layui.use(['table', 'jquery','element','layer','form','laydate'], function () {
    var table = layui.table;
    var $ = layui.jquery;
    var element = layui.element;
    var layer = layui.layer;
    var form = layui.form;
    var laydate = layui.laydate;

    laydate.render({
        elem: '#startDate' //指定元素
    });

    laydate.render({
        elem: '#endDate' //指定元素
    });

    var  statusMap = {
        '1' :"未接收",
        '2' :"已接收",
        '3' :"已完成"
    }
    //第一个实例
    table.render({
        elem: '#table',
        height: 600,
        toolbar :'#toolbar',
        defaultToolbar : []
        , url: ctx + '/eng/reback/listPage' //数据接口
        , page: true
        , cols: [[
             {field: 'name', title: '客户姓名', align: 'center',width:'10%'}
            , {field: 'status', title: '状态', align: 'center',width:'8%',templet:function(d){
                    return statusMap[d.status];
                }}
            , {field: 'phone', title: '电话', align: 'center',width:'13%'}
            , {field: 'address', title: '地址', align: 'center',width:'15%'}
            , {field: 'createTime', title: '创建时间', align: 'center',width:'12%'}
            , {field: 'handlerTime', title: '接收时间', align: 'center',width:'12%'}
            , {field: 'finishTime', title: '完成时间', align: 'center',width:'12%'}
            , {field: 'ops', title: '操作', width: '30%', align: 'center',toolbar: '#tool'}
        ]]
    });


    // tool
    table.on('tool(table)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;

        if(layEvent === 'accept'){
            accept(data);
        }else if(layEvent == 'complete'){
            complete(data);
        }else if(layEvent == 'look'){
            look(data);
        }
    });

    table.on('tool(lookTable)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;

        if(layEvent === 'just'){
            just(data);
        }else if(layEvent == 'addParam'){
            addParam(data);
        }
    });

    // 添加到参数库之中
    function addParam(data){
        $.ajax({
            url : ctx+"/eng/reback/addBusParam",
            data : {
                name : data.param,
                type : 4
            },
            type : 'post',
            async : false,
            success : function(res){
                if(res.success){
                    layer.msg(res.msg,{icon:1});
                    table.reload('lookTable');
                }else{
                    layer.msg(res.msg,{icon:2});
                }
            }
        });
    }

    // 校正参数
    function just(data){
        layer.prompt({
            title : '输入新的型号',
            offset : '150px'
        },function(value, index, elem){
            $.ajax({
                url : ctx+"/eng/reback/just",
                data : {
                    id : data.id,
                    param : value
                },
                type : 'post',
                async : false,
                success : function(res){
                    if(res.success){
                        layer.msg(res.msg,{icon:1});
                        table.reload('lookTable');
                        layer.close(index);
                    }else{
                        layer.msg(res.msg,{icon:2});
                    }
                }
            });
        });
    }

    // 查看详情
    function look(data){
        table.render({
            elem: '#lookTable',
            height: 300,
            toolbar :'#toolbar',
            defaultToolbar : []
            , url: ctx + '/eng/reback/ticketDetail?ticketId='+data.ticketId //数据接口
            , page: true
            , cols: [[
                {field: 'param', title: '型号', align: 'center',width:'33%'}
                , {field: 'num', title: '数量', align: 'center',width:'13%'}
                , {field: 'ops', title: '操作', width: '54%', align: 'center',toolbar: '#looktool'}
            ]]
        });
        // 弹出层
        layer.open({
            type : 1,
            title : '详情信息',
            content : $('#lookLayer'),
            area :['650px','400px']
        })
    }

    // 完成
    function complete(data){
        $.ajax({
            url : ctx+"/eng/reback/finish",
            data : {
                id : data.id
            },
            type : 'get',
            async : false,
            success : function(res){
                if(res.success){
                    layer.msg(res.msg,{icon:1});
                    table.reload('table');
                }else{
                    layer.msg(res.msg,{icon:2});
                }
            }

        });
    }

    // 接收预约
    function accept(data){
        $.ajax({
            url : ctx+"/eng/reback/accept",
            data : {
                id : data.id
            },
            type : 'get',
            async : false,
            success : function(res){
                if(res.success){
                    layer.msg(res.msg,{icon:1});
                    table.reload('table');
                }else{
                    layer.msg(res.msg,{icon:2});
                }
            }

        });
    }

    // 重置按钮
    $('#reset').click(function(){
        $('#queryReset').click();
    })

    // 条件查询
    $('#submit').click(function(){
        // 重新渲染数据
        table.reload('table', {
            url: ctx + '/eng/reback/listPage'
            ,where: $('#queryForm').formToObject()
        });
        return false;
    });

});